<template>
    <div class="icons">
        <div class="icon">
            <div class="icon-img">
             <img src="http://img1.qunarzz.com/piao/fusion/1803/95/f3dd6c383aeb3b02.png" alt="">
            </div>
            <p>热门景点</p>
        </div>
        
    </div>
</template>
<script>
export default {
    name:'HomeIcons'
}
</script>
<style lang="stylus" scoped>
 .icons
  overflow hidden
  padding-bottom 50%
  height 0
  background green
  .icon
    overflow hidden
    float left
    width 25%
    height 0
    position relative
    padding-bottom 25%
    background-color red
     .icon-img
       position absolute
       left 0
       right 0
       top 0px
       bottom .44rem
       margin auto
</style>


